<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/vue@next"></script>
</head>

<body>

<div id="app">
    <h3>在VUE中可以将数据放到标签之间</h3>
    <h3>v-text:将数据放到标签之间</h3>
    <span v-text="message"></span><br/>
    <span v-text="myHtml"></span>
    <h3>将数据中的HTML显示成HTML样式</h3>
    <span v-html="myHTML"></span>
    <h3>VUE中操作数据都是v-xxx的形式</h3>
</div>

</body>

<script>
    const app = Vue.createApp({
        data(){
            return{
                message:'这是我的第一个VUE学习案例!!!',
                myHtml:'<h3>这里是我自定义的HTML内容</h3>'
            }
        }
    }).mount('#app')
</script>

</html>